
<script>
    var word = ${empty word ? "null" : word};
</script>
<link href="/res/dict.css" rel="stylesheet" type="text/css"></link>
<style>
    a.entry-link {
        background-image: url(<c:url value='/images/bullet-circle.gif' />);
    }
</style>
---${word}---
***${error}***
<div ng-controller="DictionaryController" >
    <div id="search_bar">
        <input id='search_term' ng-model="search_term" />
        <span class="button" ng-click="search()">Search</span>
        <span>{{search_term}}</span>
    </div>

    <div id="defi">
        <div ng-repeat='e in entries()'>
            <span ng-click='entry($index)'>{{e.text}}</span>
        </div>
        <button class="button" ng-click="add_to_user_entries()" style="float:right">Add to MyWords</button>
        <div class='entry' ng-bind-html='definition()'></div> 
    </div>
</div>